<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,user-scalable=0, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <link rel="icon" type="image/x-icon" href="./image/favicon.ico" />
  <title>维爱吉</title>
</head>
<link rel="stylesheet" href="./css/style.scss" />
<body id="app" class="afterInner contact">
<!--nav-->
<main>
  <section class='row contactRow alanGo' data-vh='1'>
    <div class='bg'>
      <div class='pic full' style='background-image: url(./image/contact/a1.jpg)'></div>
      <div class='mask'></div>
    </div>
    <div id='fullPage'>
      <div class='pages inner maxSize alanParent alanGo'>
        <div class='left alanUp'>
          <a class='layer-btn toBtn mk'>
            <span class='mak'></span>
            <div class='fxc'>
              <div class='flex-col-ss mr-80'>
                <span class='f-44 txc poBold wc lh-12'>Get in touch</span>
                <span class='f-22 txc wc'>与我们取得联系</span>
              </div>
              <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
                <rect class='rect after' y="26" width="13" height="13"/>
                <g>
                  <rect class='rect' x="26.99" width="13" height="13" style="fill: #fff"/>
                  <rect class='rect' x="26.99" y="26" width="13" height="13" style="fill: #fff"/>
                  <rect class='rect' x="26.99" y="52" width="13" height="13" style="fill: #fff"/>
                  <rect class='rect' x="39.99" y="39" width="13" height="13" style="fill: #fff"/>
                  <rect class='rect' x="39.99" y="13" width="13" height="13" style="fill: #fff"/>
                </g>
                <rect class='rect before' x="52.99" y="26" width="13" height="13" style="fill: #fff"/>
              </svg>
            </div>
          </a>
        </div>
        <div class='right'>
          <div class='layer-topic mb-80'>
            <h1 class='f-140 poMid wc' data-text='Contact Us'>Contact Us</h1>
            <p class='f-48 wc'>联系我们</p>
          </div>
          <ul class='layer-item'>
            <li class='list alanUp'>
              <i class='iconfont f-14 wc'>&#xe8d7;</i>
              <p class='f-18 fw-600 wc'>福建省厦门市集美区灌口镇杜行东路1号</p>
              <svg class='icon' viewBox='0 0 12 20'>
                <path fill-rule="evenodd" fill="rgba(255, 255, 255,0.5)"
                      d="M10.566,0.759 L11.432,1.259 L1.433,19.240 L0.567,18.740 L10.566,0.759 Z"/>
              </svg>
              <p class='f-18 fw-600 wc'>福建省龙岩市连城县莲峰镇姚坪村工业二路5号</p>
            </li>
            <li class='list alanUp'>
              <i class='iconfont f-14 wc'>&#xe8d5;</i>
              <p class='f-18 fw-600 wc'>0592-7765666</p>
              <svg class='icon' viewBox='0 0 12 20'>
                <path fill-rule="evenodd" fill="rgba(255, 255, 255,0.5)"
                      d="M10.566,0.759 L11.432,1.259 L1.433,19.240 L0.567,18.740 L10.566,0.759 Z"/>
              </svg>
              <p class='f-18 fw-600 wc'>180 5001 8988</p>
            </li>
          </ul>
          <a class='layer-icon fxc phone alanUp'>
            <i class='iconfont f-16 wc mr-10'>&#xe68c;</i>
            <p class='f-18 wc poBold'>market@vigtechn.com</p>
          </a>
          <div class='btm'>
            <div class='col'>
              <div class='layer-share alanUp'>
                <a class='layer-icon'><i class='iconfont f-20 wc'>&#xe8d1;</i></a>
                <div class='maBox'>
                  <img src='./image/base/ma.png.webp' alt=''>
                  <span class='arrow'></span>
                </div>
              </div>
              <div class='layer-share alanUp'>
                <a class='layer-icon'><i class='iconfont f-16 wc'>&#xe603;</i></a>
                <div class='maBox'>
                  <img src='./image/base/ma.png.webp' alt=''>
                  <span class='arrow'></span>
                </div>
              </div>
              <div class='layer-share alanUp'>
                <a class='layer-icon'><i class='iconfont f-20 wc'>&#xe68c;</i></a>
                <div class='maBox'>
                  <img src='./image/base/ma.png.webp' alt=''>
                  <span class='arrow'></span>
                </div>
              </div>
              <div class='layer-share alanUp'>
                <a class='layer-icon'><i class='iconfont f-20 wc'>&#xe618;</i></a>
                <div class='maBox'>
                  <img src='./image/base/ma.png.webp' alt=''>
                  <span class='arrow'></span>
                </div>
              </div>
              <div class='layer-share alanUp'>
                <a class='layer-icon'><i class='iconfont f-20 wc'>&#xe600;</i></a>
              </div>
              <div class='layer-share alanUp'>
                <a class='layer-icon'><i class='iconfont f-20 wc'>&#xe690;</i></a>
              </div>
              <div class='layer-share alanUp'>
                <a class='layer-icon'><i class='iconfont f-20 wc'>&#xe695;</i></a>
              </div>
            </div>
            <div class='imgBox'>
              <img class='alanLeft' src='./image/base/ma2.jpg' alt=''>
              <img class='alanLeft' src='./image/base/wxMa.png' alt=''>
            </div>
          </div>
        </div>
        <div class='scr alanUp'>
          <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
            <rect class='rect after' y="26" width="13" height="13"/>
            <g>
              <rect class='rect' x="26.99" width="13" height="13" style="fill: #fff"/>
              <rect class='rect' x="26.99" y="26" width="13" height="13" style="fill: #fff"/>
              <rect class='rect' x="26.99" y="52" width="13" height="13" style="fill: #fff"/>
              <rect class='rect' x="39.99" y="39" width="13" height="13" style="fill: #fff"/>
              <rect class='rect' x="39.99" y="13" width="13" height="13" style="fill: #fff"/>
            </g>
            <rect class='rect before' x="52.99" y="26" width="13" height="13" style="fill: #fff"/>
          </svg>
          <span class='f-12 poMid wc'>Scroll More</span>
        </div>
      </div>
      <div class='pages content maxSize alanParent'>
        <a class='layer-btn return alanUp'>
          <span class='mask'></span>
          <div class='fxc'>
            <svg class='icon small' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
              <rect class='rect after' y="26" width="13" height="13"/>
              <g>
                <rect class='rect' x="26.99" width="13" height="13"/>
                <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                <rect class='rect' x="39.99" y="13" width="13" height="13"/>
              </g>
              <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
            </svg>
            <span class='txt up-word poBold f-14 wc'>back</span>
          </div>
        </a>
        <div class='col layer-topic'>
          <h1 class='f-120 wc poMid lh-10 alanUp' data-text='Get in touch'>Get in touch</h1>
          <p class="f-48 wc fw-600 alanUp">与我们取得联系</p>
        </div>
        <div class='col'>
          <h2 class='f-36 mb-50 wc fw-600 alanUp'>留下您的信息，以便我们联系您</h2>
          <form class='layer-form'>
            <div class='inRow alanUp flex-row-cb'>
              <div class='inCol'>
                <input class='inTxt fw-600 f-20 wc' type='text' placeholder='姓名'>
              </div>
              <div class='inCol'>
                <input class='inTxt fw-600 f-20 wc' type='text' placeholder='电话'>
              </div>
            </div>
            <div class='inRow alanUp flex-row-cb'>
              <div class='inCol'>
                <input class='inTxt fw-600 f-20 wc' type='text' placeholder='微信号'>
              </div>
              <div class='inCol'>
                <input class='inTxt fw-600 f-20 wc' type='text' placeholder='邮箱'>
              </div>
            </div>
            <div class='inRow alanUp flex-row-cb'>
              <div class='inCol wid-100'>
                <input class='inTxt fw-600 f-20 wc' type='text' placeholder='公司'>
              </div>
            </div>
            <div class='inRow alanUp flex-row-cb'>
              <div class='inCol wid-100'>
                <h3 class='f-20 mb-20 fw-600'>备注</h3>
                <textarea class='inArea fw-600 f-20 wc' name='' rows='3'></textarea>
              </div>
            </div>
            <div class='inRow alanUp fxs mt-60'>
              <a class='layer-btn sub mk'>
                <span class='mak'></span>
                <div class='fxc'>
                  <span class='f-18 txt wc mr-20'>提交</span>
                  <svg class='icon small' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
                    <rect class='rect after' y="26" width="13" height="13"/>
                    <g>
                      <rect class='rect' x="26.99" width="13" height="13" style="fill: #fff"/>
                      <rect class='rect' x="26.99" y="26" width="13" height="13" style="fill: #fff"/>
                      <rect class='rect' x="26.99" y="52" width="13" height="13" style="fill: #fff"/>
                      <rect class='rect' x="39.99" y="39" width="13" height="13" style="fill: #fff"/>
                      <rect class='rect' x="39.99" y="13" width="13" height="13" style="fill: #fff"/>
                    </g>
                    <rect class='rect before' x="52.99" y="26" width="13" height="13" style="fill: #fff"/>
                  </svg>
                </div>
              </a>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>
</main>
</body>
<script type="module" defer src="./js/index.js"></script>
</html>